<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="../favicon.ico"> 
    <link href="../css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="../css/font-awesome.css?v=4.4.0" rel="stylesheet">
     <!-- jqgrid-->
    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/style.css?v=4.1.0" rel="stylesheet">
    <link href="../css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="../css/plugins/summernote/summernote.css" rel="stylesheet">
    <link href="../css/plugins/summernote/summernote-bs3.css" rel="stylesheet">
    <link href="../css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/demo.css" type="text/css">
    <style>
      .textWidth{min-width: 60px;max-width: 100px;}
      .note-editable{height: 150px}
    </style>
</head>

<body style="color:#333;padding:3px;">
    <!-- 标题 -->
    <div class="page-heade">
      <h1 class="title_color">添加系统</h1>
    </div>
    <!-- 标题 -->
     <div>
    <form action="" class="form-inline">
      <table class="row-margin-top tab-content table-bordered table" border="1">
          <tr>
            <th class="info font-bold" colspan="4">系统基本信息</th>  
         </tr>
         <tr>
            <td style="min-width: 120px;width: 120px" class="text-center"><label for="" class="form-label">系统名称<span class="colorRed">*</span></label></td>
            <td colspan="3">广州百佳</td>
        </tr>
        <tr>
             <td style="min-width: 120px;width: 120px" class="text-center"><label for="" class="form-label">系统编号</label></td>
            <td colspan="3">7000010</td>
        </tr>
        <tr>
             <td style="min-width: 120px;width: 120px" class="text-center"><label for="" class="form-label">业务人员<span class="colorRed">*</span></label></td>
            <td colspan="3"><input type="text" class="form-control" name="" placeholder="请输入关键字或空格查询"><a href="javascript:;">选择全公司</a><a href="javascript:;">选择下属</a><span class="colorRed">系统上级经销商的客户主管如果没有人，则系统客户主管必须填写。</span></td>
        </tr>
        <tr>
          <td style="min-width: 120px;width: 120px" class="text-center"></td>
          <td colspan="3"></td>
        </tr>
        <tr>
              <td style="min-width: 120px;width: 120px" class="text-center"><label for="" class="form-label">客户类型<span class="colorRed">*</span></label></td>
            <td colspan="3">
              <select name="" id="" class="form-control">
                  <option value="0">请选择</option>
              </select>
            </td>
        </tr>
        <tr>
         <td style="min-width: 120px;width: 120px" class="text-center"><label for="" class="form-label">一级渠道类型<span class="colorRed">*</span></label></td>
         <td>
              <select name="" id="" class="form-control">
                  <option value="0">请选择</option>
              </select>
         </td>
           <td style="min-width: 120px;width: 120px" class="text-center"><label for="" class="form-label">二级渠道类型<span class="colorRed">*</span></label></td>
         <td>
              <select name="" id="" class="form-control">
                  <option value="0">请选择</option>
              </select>
         </td>
        </tr>
        <tr>
            <td style="min-width: 120px;width: 120px" class="text-center"><label for="" class="form-label">详细地址<span class="colorRed">*</span></label></td>
            <td colspan="3">
                <input type="text" class="form-control" name="" style="min-width: 300px;">
            </td>
        </tr>
      </table>
    
      <table class="table table-bordered text-center bud_hei da_table" style="margin:0">
                 <tr class="info">
                        <th class="info font-bold" colspan="8">系统所属经销商信息<button class="btn btn-primary addSystemToAngency" style="float: right;" type="button">添加</button></th>
                    </tr>
                 <tbody>
                 <tr>
                    <td class="text-center">序号</td>
                    <td class="text-center">所属经销商</td>
                    <td class="text-center">经销商编码</td>
                    <td class="text-center">分区经理</td>
                    <td class="text-center">省办经理</td>
                    <td class="text-center">城市经理</td>
                    <td class="text-center">备注</td>
                    <td class="text-center">操作</td>
                 </tr>
              
                    <tr>
                    <td class="NoId">1</td>
                    <td>南京市佳和贸易有限公司</td>
                    <td><a href="javascript:;">CU00001</a></td>
                    <td><a href="javascript:;">张三</a></td>
                    <td><a href="javascript:;">张三</a></td>
                    <td><a href="javascript:;">张三</a></td>
                    <td>&nbsp;</td>
                    <td>默认经销商，不允许修改</td>
                 </tr>
                  <tr>
                    <td class="NoId">2</td>
                    <td><span class="bqName">安顺市佳和贸易有限公司<span class="delBqName">&times;</span></span></td>
                    <td><a href="javascript:;">CU00001</a></td>
                    <td><a href="javascript:;">张三</a></td>
                    <td><a href="javascript:;">张三</a></td>
                    <td><a href="javascript:;">张三</a></td>
                    <td><input type="text" class="form-control"></td>
                    <td><button class="btn btn-danger delThisTr">删除</button></td>
                 </tr>
                  <tr>
                    <td class="NoId">3</td>
                    <td>
                    <span class="changeThis"><input type="text" class="form-control" style="display: inline-block;"><a href="javascript:;" class="changeThisA">选择</a></span>
                    </td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td><input type="text" class="form-control"></td>
                    <td><button class="btn btn-danger delThisTr" type="button">删除</button></td>
                 </tr>
                </tbody>
     </table>
        </table>
        <table class="table table-bordered a_table" style="margin:0">
            <tr>
              <th class="info font-bold" colspan="9">系统联络信息<span class="colorRed">(至少填写一条)</span></th>
            </tr>
              <tbody>
             <tr class="text-center">
                  <td>联络人<span class="colorRed">*</span></td>
                  <td>电话<span class="colorRed">*</span></td>
                  <td>手机<span class="colorRed">*</span></td>
                  <td>传真</td>
                  <td>电子邮件</td>
                  <td>职务<span class="colorRed">*</span></td>
                  <td>邮寄地址<span class="colorRed">*</span></td>
                  <td>邮编<span class="colorRed">*</span></td>
                  <td><button class="btn btn-success addManInfo" type="button">添加</button></td>
             </tr>
                 <tr class="text-center trDefault">
             <td>王经理</td>
             <td>020-12312344</td>
             <td></td>
             <td>-</td>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
             <td><a href="javascript:;" class="btn btn-danger delthis" rol="button">删除</a></td>
             </tr>
              
            </tbody>
             </table>
            <table class="table table-bordered" style="margin:0;border-top: 0">
                  <tr>
               <td style="min-width: 120px;width: 120px;border-top: 0" class="text-center"><label for="" class="form-label">备注</label></td>
               <td colspan="8" class="text-left" style="margin:0;border-top: 0">
                   <div class="ibox float-e-margins" style="margin-bottom: 0">
                    <div class="ibox-content no-padding">

                        <div class="summernote">
                           
                        </div>

                    </div>
                </div>
               </td>
             </tr>
            </table>
        <table class="table table-bordered  bud_hei" style="margin:0;">
            <tr>
              <th class="info font-bold" colspan="3">系统管理日志</th>
            </tr>
             <tr class="info">
                <th>时间</th>
                <th>姓名</th>
                <th>内容</th>
             </tr>
              <tr>
                <td>2017-12-12 10:32:30</td>
                <td><a href="javascript:;">张三</a></td>
                <td>一大堆操作事件</td>
             </tr>
              <tr>
                <td>2017-12-12 10:32:30</td>
                <td><a href="javascript:;">张三</a></td>
                <td>一大堆操作事件</td>
             </tr>
              <tr>
                <td>2017-12-12 10:32:30</td>
                <td><a href="javascript:;">张三</a></td>
                <td>一大堆操作事件</td>
             </tr>
              <tr>
                <td>2017-12-12 10:32:30</td>
                <td><a href="javascript:;">张三</a></td>
                <td>一大堆操作事件</td>
             </tr>
        </table>
      <div class="form-group" style="margin:20px 10px 20px 20px">
        <input type="file" id="exampleInputFile">
        <p class="help-block" style="color:#1295d2">注：最多上传15个文件，每个文件小于50M,支持格式：</p>
        <p class="help-block" style="color:#1295d2">jpg,bnp,gif,png,jpeg,tif,raw,doc,docx,xls,xlsx,ppt,pptx,txt,pdf,rar,zip,mp4,avi,rmvb,rm,mid,3gp,AVI,3GP,,mpg,mp3,wma,wav</p>
    </div>
      <div class="row sub_btn" style="width:100%;text-align:center;padding: 20px 0">
        <input type="button" class="btn btn-success" value="提交">
        <input type="button" class="btn btn-info" value="提交并再添一条">
        <input type="button" class="btn btn-warning" value="返回" onclick="back()">
    </div>
</form>
    </div>
    <!-- 全局js -->
    <script src="../js/jquery.min.js?v=2.1.4"></script>
    <script src="../js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="../js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="../js/plugins/sweetalert/sweetalert.min.js"></script>
    <script src="../js/plugins/summernote/summernote.min.js"></script>
    <script src="../js/plugins/summernote/summernote-zh-CN.js"></script>
    <script src="../js/common.js"></script>
    <script>
   
        $(document).ready(function () {

            $('.summernote').summernote({
                lang: 'zh-CN'
            });
         /*系统基本信息添加删除*/   
         $(".addSystemToAngency").click(function(){
            var len=$(".da_table tr").length-1;
                 var str = ' <tr><td class="NoId">'+len+'</td><td><span class="changeThis"><input type="text" class="form-control" style="display: inline-block;"><a href="javascript">选择</a></span></td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td><input type="text" class="form-control"></td><td><button class="btn btn-danger delThisTr" type="button">删除</button></td></tr>'
                 $(".da_table tbody tr:last").after(str);
           
        })
        $(".da_table").on("click",".delThisTr",function(){
            $(this).parent().parent().remove();
            var len=$(".da_table tr").length-1;
            var NoId =$('.NoId');
            for(var i=0;i<len;i++){
                $(NoId[i]).html(i+1)
            }
        })
        $(".delBqName").click(function(){
            var str = '<span class="changeThis"><input type="text" class="form-control" style="display: inline-block;"><a href="javascript" class="changeThisA">选择</a></span>'
            $(this).parent().parent().html(str)
        })
        $(".changeThisA").click(function(){
            // 点击弹出框选择确定后
            var str = '<span class="bqName">安顺市佳和贸易有限公司<span class="delBqName">&times;</span></span>'
        })


            /*系统联络信息*/
             $(".addManInfo").on("click", function() {
                // console.log(1)
                var str = '<tr class="text-center"><td><input type="text" class="form-control textWidth"></td><td><input type="text" class="form-control" style="width: 60px">-<input type="text" class="form-control textWidth" ></td><td><input type="text" class="form-control textWidth"></td><td><input type="text" class="form-control" style="width: 60px">-<input type="text" class="form-control textWidth"></td><td><input type="text" class="form-control textWidth" ></td><td><input type="text" class="form-control textWidth" ></td><td><input type="text" class="form-control" style="min-width: 120;max-width: 140px"></td><td><input type="text" class="form-control textWidth" ></td><td><a href="javascript:;" class="btn btn-danger delthis" rol="button">删除</a></td></tr>'
                $(".trDefault").after(str);
            })
         $(document).on("click",".delthis",function(){
            // console.log(1)
            $(this).parent().parent().remove();
         })
        });
       
    </script>
</body>

</html>
